

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link media="all" href="../css/base.css" type="text/css" rel="stylesheet">
<link media="all" href="../css/index.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="../js/jquery.js"></script>
<title>超级派单员-何乐而不为</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta content="" name="Keywords">
<meta content="" name="Description">
<!-- Mobile Devices Support @begin -->
<meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta name="format-detection" content="telephone=no, address=no">
<meta content="yes" name="apple-mobile-web-app-capable"> <!-- apple devices fullscreen -->
<meta content="black-translucent" name="apple-mobile-web-app-status-bar-style">
<!-- Mobile Devices Support @end -->
<link href="favourite.ico" rel="shortcut icon">
</head>
<style type="text/css">
html,body{overflow-x:hidden}

.img_gallery{width:auto;height:auto;float:left;margin-left:0px;position:relative}
.img_gallery_div{width:80px;height:80px;float:left;overflow:hidden;margin-left:10px;}
#banner_box ul li{vertical-align:middle!important;overflow:hidden;text-align:center}
ol#slidelist{height:25px;opacity:1;position:fixed;bottom:0px;left:0;width:100%;z-index:999;text-align:center;overflow:hidden;margin:0;margin-top:-35px;padding:0;padding-bottom:10px;}
ol#slidelist>li{display:inline-block;margin:5px;width:5px;height:5px;background-color:#ffffff;border-radius: 50%;opacity:.5;}
ol#slidelist>li.on{opacity:1;width:5px;height:5px;border:none;background-color:#ffffff;}
</style>
<body class='bargain_cut'>

	<div class="bargain_top wrap_20">
			   <img  src="../images/temp2.png" alt="" />
			   <div class="bargain_top_title setover">miss 咖啡馆,咖啡就是要研发适合国人的意式咖啡和饮品</div>
			   <a href="">详情 ></a>
	</div>
	
	<div class="wrap_20">
	   <div class="bargain_title setover">50元抵价券优惠价40元</div>
	   <div class="wrap_7">
	   <div class="bargain_progress" >
	      <i id='progress_detail' data='29%'>  </i>
		  <span>50元抵价券优惠价36元</span>
	   </div>
	   </div>
	   <div class="bargain_btn_wrap">
	      <a href="javascript:void(0)" class="radius_style radius_green">帮忙砍价</a>
	   </div>
	   <div class="bargain_btn_wrap">
	     <a href="javascript:void(0)" class="radius_style radius_yellow">立即领券</a>
	   </div>	
	
	</div>
	
	
	


	<h1 class="border_top02">砍价榜单</h1>
	<div class="wrap_20">
         	<section class='bargain_list'>
			   <img  src="../images/temp2.png" alt="" />
			   <h1 class='setover'>小灰灰小灰灰小灰灰小灰灰小灰灰小灰灰小灰灰小灰灰</h1>
			   <h2 class='setover'>帮朋友砍得，不要问我为什么！不要问我为什么！</h2>
			   <i>砍了<span class='red'>1.00</span>元</i>
			</section>	 
         	<section class='bargain_list'>
			   <img  src="../images/temp2.png" alt="" />
			   <h1 class='setover'>小灰灰</h1>
			   <h2 class='setover'>帮朋友砍得，不要问我为什么！</h2>
			   <i>砍了<span class='red'>1.00</span>元</i>
			</section>	
         	<section class='bargain_list'>
			   <img  src="../images/temp2.png" alt="" />
			   <h1 class='setover'>小灰灰小灰灰小灰灰小灰灰小灰灰小灰灰小灰灰小灰灰</h1>
			   <h2 class='setover'>帮朋友砍得，不要问我为什么！不要问我为什么！</h2>
			   <i>砍了<span class='red'>1.00</span>元</i>
			</section>				
	</div>	
<script type="text/javascript">
   $(function(){
       var data = $('#progress_detail').attr('data');
	   
	   var bargain = function(data){
		   var tips = $('.bargain_progress span');
		   var tips_width = tips.outerWidth();
		   $('#progress_detail').width(data);
		   setTimeout(function(){
			  tips.css({display:'block',left:data,marginLeft:'-'+tips.outerWidth()/2+'px'}).addClass('bounceIn')   
		   },1100)		   
	   }
	   
	   bargain(data);
  
   });
</script>	


	
</body>
</html>